<!DOCTYPE html>
<!-- 
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
-->
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <link rel="stylesheet" href="css/jquery.sidr.light.css" /> <!-- foglio di stile del menu slide -->
        <!-- Font -->
        <link href="css/fontprincipali.css" rel="stylesheet" type="text/css">
        <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,200,300,600,700,900|Titillium+Web:400,900,700|Magra:400,700|Fjalla+One|BenchNine:700|Karla:700|Armata|Raleway:400,900,800,600,700,500,300,200,100|Stint+Ultra+Condensed|Merriweather|Arbutus+Slab|Open+Sans+Condensed:300,700|Archivo+Black|Carrois+Gothic|Patua+One|Marvel:400,700|Gudea:400,700,400italic|Bitter:400,700,400italic|Passion+One:400,700|Jockey+One|Quicksand:400,300,700|Terminal+Dosis:400,800,300,600|Sansita+One|Changa+One|Paytone+One|Dorsa|Rochester|Bigshot+One|Open+Sans:300:400:600,700,800|Merienda+One|Six+Caps|Bevan|Oswald:300,400,700|Vidaloka|Droid+Sans|Josefin+Sans|Dancing+Script:400,700|Abel|Rokkitt|Droid+Serif" rel="stylesheet" type="text/css">
        <!-- Fine Font -->        
        <meta name="msapplication-tap-highlight" content="no" />
        <script src=" http://code.jquery.com/jquery-1.6.4.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/myfunctions.js"></script>
        <title>iEnergia</title>
    </head>
    <body>
		
<!-- SCHERMATA DI LOGIN -->
		<div class = "contenuto login">
			<img src="img/cosy.png" class="img_logo"/><br>
			<label><b>Username</b></label>
			<input type="text" name="1" id="username" size="20px" /><br>
			<label><b>Password</b></label>
			<input type="password" name="2" id="password" size="20px"  /><br>
			<input type="button" name="3" id="buttonLogin" value="Login"/><br>
			<label><b>Ricorda password</b></label>
			<input type="checkbox" name="4" id="ricordaPass" /><br><br>
			<input type="button" name="5" id="buttonLocale" value="Accedi in locale" disabled>
		</div>
		
<!-- BARRA MENU e MENU SLIDE -->		
		<div class="barraMenu">
			<a id="simple-menu" href="#sidr"><img src="img/menu-button-orange.png" class="menuButton" /></a>
			<img id="logoutButton" src="img/logout-button.png" class="logoutButton" />
		</div>
		
		
		<div id="sidr">
		<!-- Your content -->
		  <ul>
		  	<!-- Nota: id deve essere uguale alla classe per far funzionare la navigazione -->
			<li><a href="#" id="anagraficaUtente" class="voceMenu"><b>Anagrafica Utente</b></a></li>
			<li><a href="#" id="misure" class="voceMenu"><b>Misure</b></a></li>
						
				<!-- STATICO: DA MODIFICARE E FARE DINAMICO IN JS --> 
				<header id="subMisureHeader" class="contenuto">
		    		<h1>Misure</h1>
				</header>
				<div id="subMisure" class="contenuto">
					<p>Nessun Kit disponibile.</p>
				</div>
				
			<li><a href="#" id="allarmi" class="voceMenu"><b>Allarmi</b></a></li>
			
				<!-- STATICO: DA MODIFICARE E FARE DINAMICO IN JS --> 
				<header id="subAllarmiHeader" class="contenuto">
		    		<h1>Allarmi</h1>
				</header>
				<div id="subAllarmi" class="contenuto">
					<p>Nessun Kit disponibile.</p>
				</div>
			
			<li><a href="#" id="impianti" class="voceMenu"><b>Impianti</a></li>
			
				<!-- STATICO: DA MODIFICARE E FARE DINAMICO IN JS --> 
				<header id="subImpiantiHeader" class="contenuto">
		    		<h1>Impianti</h1>
				</header>
				<div id="subImpianti" class="contenuto">
					<p>Nessun Kit disponibile.</p>
				</div>
				
			<li><a href="#" id="analisiEconomica" class="voceMenu"><b>Analisi economica</a></li>
				
		  </ul>
		</div>
		<div class = "img_lamp">
			<img src="img/lamp.png"/>
		</div>

<!-- SCHERMATA DI ANAGRAFICA UTENTE -->
		<div class = "contenuto anagraficaUtente">			
			<h1 class="title">Anagrafica Utente</h1>
			<div id=curvone></div>
			<div class="paginaGenerica">
				<div class="infoUtente">
					<p>
						<b>Cognome:</b><span id="cognomeUtente" class="informationData"></span></br>
						<b>Nome: </b><span id="nomeUtente" class="informationData"></span>
					</p><p>
						<b>Indirizzo: </b><span id="indirizzoUtente" class="informationData"></span></br>
						<b>Telefono: </b><span id="telefonoUtente" class="informationData"></span>
					</p>
				</div>
			</div>
			<div id=curvone_bot></div>
		</div>
		
<!-- SCHERMATA DI MISURE -->
		<div class = "contenuto misure">			
			<h1 class="title">Schermata di Misure</h1>
		</div>
		
<!-- SCHERMATA DI MISURE/KIT1 -->
<!-- ANCHE QUESTE ANDREBBERO FATTE IN JS DINAMICAMENTE?! -->
		<div class = "contenuto sidr-id-kit_1">			
			<h1 class="title">Schermata di Misure KIT1</h2>
			<label for="dataIniziale">Data iniziale</label>
			<input type="date" value="" id="dataIniziale"/><br>
			<label for="dataFinale">Data finale</label>
			<input type="date" value="" id="dataFinale"/><br>
<!-- 			<input type="button" id="buttonGrafico" value="Visualizza" /> -->
			<select id=sceltaGrafico>
			  <option value="potenza">Potenza</option>
			  <option value="voltaggio">Voltaggio</option>
			  <option value="amperaggio">Amperaggio</option>
			</select>
			
			<!-- Esempio di Grafico -->
			<div id="demo-chart">
				<script src="http://code.highcharts.com/highcharts.js"></script>
				<script src="http://code.highcharts.com/modules/exporting.js"></script>
				
				<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto" data-highcharts-chart="0"><div class="highcharts-container" id="highcharts-0" style="position: relative; overflow: hidden; width: 912px; height: 400px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><svg version="1.1" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="912" height="400"><desc>Created with Highcharts 4.0.1</desc><defs><clipPath id="highcharts-1"><rect x="0" y="0" width="725" height="299"></rect></clipPath></defs><rect x="0" y="0" width="912" height="400" strokeWidth="0" fill="#FFFFFF" class=" highcharts-background"></rect><path fill="none" d="M 65 319.5 L 790 319.5" stroke="#808080" stroke-width="1"></path><g class="highcharts-button" style="cursor:default;" stroke-linecap="round" transform="translate(878,10)"><title>Chart context menu</title><rect x="0.5" y="0.5" width="24" height="22" strokeWidth="1" fill="white" stroke-width="1" stroke="none" rx="2" ry="2"></rect><path fill="#E0E0E0" d="M 6 6.5 L 20 6.5 M 6 11.5 L 20 11.5 M 6 16.5 L 20 16.5" stroke="#666" stroke-width="3" zIndex="1"></path><text x="0" zIndex="1" style="color:black;fill:black;" y="13"></text></g><path fill="rgba(124,181,236,0.25)" d="M 0 0"></path><path fill="rgba(67,67,72,0.25)" d="M 0 0"></path><path fill="rgba(144,237,125,0.25)" d="M 0 0"></path><path fill="rgba(247,163,92,0.25)" d="M 0 0"></path><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 65 62.5 L 790 62.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 106.5 L 790 106.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 148.5 L 790 148.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 191.5 L 790 191.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 234.5 L 790 234.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 277.5 L 790 277.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 319.5 L 790 319.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path><path fill="none" d="M 65 362.5 L 790 362.5" stroke="#C0C0C0" stroke-width="1" zIndex="1" opacity="1"></path></g><g class="highcharts-axis" zIndex="2"><path fill="none" d="M 185.5 362 L 185.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 245.5 362 L 245.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 306.5 362 L 306.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 366.5 362 L 366.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 426.5 362 L 426.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 487.5 362 L 487.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 547.5 362 L 547.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 608.5 362 L 608.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 668.5 362 L 668.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 729.5 362 L 729.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 790.5 362 L 790.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 124.5 362 L 124.5 372" stroke="#C0D0E0" stroke-width="1" opacity="1"></path><path fill="none" d="M 64.5 362 L 64.5 372" stroke="#C0D0E0" stroke-width="1" opacity="undefined"></path><path fill="none" d="M 65 362.5 L 790 362.5" stroke="#C0D0E0" stroke-width="1" zIndex="7" visibility="visible"></path></g><g class="highcharts-axis" zIndex="2"><text x="26" zIndex="7" text-anchor="middle" transform="translate(0,0) rotate(270 26 212.5)" class=" highcharts-yaxis-title" style="color:#707070;fill:#707070;" visibility="visible" y="212.5"><tspan>Temperature (°C)</tspan></text></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="url(http://www.highcharts.com/demo/line-basic#highcharts-1)"><path fill="none" d="M 30.208333333333332 196.4857142857143 L 90.625 197.34 L 151.04166666666666 175.12857142857143 L 211.45833333333334 132.4142857142857 L 271.875 100.80571428571429 L 332.29166666666663 72.61428571428573 L 392.7083333333333 41.005714285714305 L 453.12499999999994 29.899999999999977 L 513.5416666666666 57.23714285714286 L 573.9583333333334 99.95142857142858 L 634.375 137.54000000000002 L 694.7916666666666 174.27428571428572" stroke="#7cb5ec" stroke-width="2" zIndex="1" stroke-linejoin="round" stroke-linecap="round"></path><path fill="none" d="M 20.208333333333332 196.4857142857143 L 30.208333333333332 196.4857142857143 L 90.625 197.34 L 151.04166666666666 175.12857142857143 L 211.45833333333334 132.4142857142857 L 271.875 100.80571428571429 L 332.29166666666663 72.61428571428573 L 392.7083333333333 41.005714285714305 L 453.12499999999994 29.899999999999977 L 513.5416666666666 57.23714285714286 L 573.9583333333334 99.95142857142858 L 634.375 137.54000000000002 L 694.7916666666666 174.27428571428572 L 704.7916666666666 174.27428571428572" stroke-linejoin="round" visibility="visible" stroke="rgba(192,192,192,0.0001)" stroke-width="22" zIndex="2" class=" highcharts-tracker" style=""></path></g><g class="highcharts-markers highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="none" style=""><path fill="#7cb5ec" d="M 694 170.27428571428572 C 699.328 170.27428571428572 699.328 178.27428571428572 694 178.27428571428572 C 688.672 178.27428571428572 688.672 170.27428571428572 694 170.27428571428572 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 634 133.54000000000002 C 639.328 133.54000000000002 639.328 141.54000000000002 634 141.54000000000002 C 628.672 141.54000000000002 628.672 133.54000000000002 634 133.54000000000002 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 573 95.95142857142858 C 578.328 95.95142857142858 578.328 103.95142857142858 573 103.95142857142858 C 567.672 103.95142857142858 567.672 95.95142857142858 573 95.95142857142858 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 513.5416666666666 53.23714285714286 C 518.8696666666666 53.23714285714286 518.8696666666666 61.23714285714286 513.5416666666666 61.23714285714286 C 508.21366666666665 61.23714285714286 508.21366666666665 53.23714285714286 513.5416666666666 53.23714285714286 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 453 25.899999999999977 C 458.328 25.899999999999977 458.328 33.89999999999998 453 33.89999999999998 C 447.672 33.89999999999998 447.672 25.899999999999977 453 25.899999999999977 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 392 37.005714285714305 C 397.328 37.005714285714305 397.328 45.005714285714305 392 45.005714285714305 C 386.672 45.005714285714305 386.672 37.005714285714305 392 37.005714285714305 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 332 68.61428571428573 C 337.328 68.61428571428573 337.328 76.61428571428573 332 76.61428571428573 C 326.672 76.61428571428573 326.672 68.61428571428573 332 68.61428571428573 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 271 96.80571428571429 C 276.328 96.80571428571429 276.328 104.80571428571429 271 104.80571428571429 C 265.672 104.80571428571429 265.672 96.80571428571429 271 96.80571428571429 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 211 128.4142857142857 C 216.328 128.4142857142857 216.328 136.4142857142857 211 136.4142857142857 C 205.672 136.4142857142857 205.672 128.4142857142857 211 128.4142857142857 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 151 171.12857142857143 C 156.328 171.12857142857143 156.328 179.12857142857143 151 179.12857142857143 C 145.672 179.12857142857143 145.672 171.12857142857143 151 171.12857142857143 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 90 193.34 C 95.328 193.34 95.328 201.34 90 201.34 C 84.672 201.34 84.672 193.34 90 193.34 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#7cb5ec" d="M 30 192.4857142857143 C 35.328 192.4857142857143 35.328 200.4857142857143 30 200.4857142857143 C 24.672 200.4857142857143 24.672 192.4857142857143 30 192.4857142857143 Z" stroke="#FFFFFF" stroke-width="0.00001"></path></g><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="url(http://www.highcharts.com/demo/line-basic#highcharts-1)"><path fill="none" d="M 30.208333333333332 257.9942857142857 L 90.625 249.45142857142858 L 151.04166666666666 207.5914285714286 L 211.45833333333334 159.75142857142856 L 271.875 111.05714285714285 L 332.29166666666663 68.34285714285716 L 392.7083333333333 44.42285714285714 L 453.12499999999994 50.40285714285713 L 513.5416666666666 84.57428571428571 L 573.9583333333334 135.83142857142857 L 634.375 182.81714285714287 L 694.7916666666666 234.92857142857144" stroke="#434348" stroke-width="2" zIndex="1" stroke-linejoin="round" stroke-linecap="round"></path><path fill="none" d="M 20.208333333333332 257.9942857142857 L 30.208333333333332 257.9942857142857 L 90.625 249.45142857142858 L 151.04166666666666 207.5914285714286 L 211.45833333333334 159.75142857142856 L 271.875 111.05714285714285 L 332.29166666666663 68.34285714285716 L 392.7083333333333 44.42285714285714 L 453.12499999999994 50.40285714285713 L 513.5416666666666 84.57428571428571 L 573.9583333333334 135.83142857142857 L 634.375 182.81714285714287 L 694.7916666666666 234.92857142857144 L 704.7916666666666 234.92857142857144" stroke-linejoin="round" visibility="visible" stroke="rgba(192,192,192,0.0001)" stroke-width="22" zIndex="2" class=" highcharts-tracker" style=""></path></g><g class="highcharts-markers highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="none" style=""><path fill="#434348" d="M 694 230.92857142857144 L 698 234.92857142857144 694 238.92857142857144 690 234.92857142857144 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 634 178.81714285714287 L 638 182.81714285714287 634 186.81714285714287 630 182.81714285714287 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 573 131.83142857142857 L 577 135.83142857142857 573 139.83142857142857 569 135.83142857142857 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 513 80.57428571428571 L 517 84.57428571428571 513 88.57428571428571 509 84.57428571428571 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 453.12499999999994 46.40285714285713 L 457.12499999999994 50.40285714285713 453.12499999999994 54.40285714285713 449.12499999999994 50.40285714285713 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 392.7083333333333 40.42285714285714 L 396.7083333333333 44.42285714285714 392.7083333333333 48.42285714285714 388.7083333333333 44.42285714285714 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 332 64.34285714285716 L 336 68.34285714285716 332 72.34285714285716 328 68.34285714285716 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 271 107.05714285714285 L 275 111.05714285714285 271 115.05714285714285 267 111.05714285714285 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 211 155.75142857142856 L 215 159.75142857142856 211 163.75142857142856 207 159.75142857142856 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 151 203.5914285714286 L 155 207.5914285714286 151 211.5914285714286 147 207.5914285714286 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 90 245.45142857142858 L 94 249.45142857142858 90 253.45142857142858 86 249.45142857142858 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#434348" d="M 30 253.9942857142857 L 34 257.9942857142857 30 261.9942857142857 26 257.9942857142857 Z" stroke="#FFFFFF" stroke-width="0.00001"></path></g><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="url(http://www.highcharts.com/demo/line-basic#highcharts-1)"><path fill="none" d="M 30.208333333333332 263.9742857142857 L 90.625 251.16 L 151.04166666666666 226.3857142857143 L 211.45833333333334 184.5257142857143 L 271.875 140.95714285714286 L 332.29166666666663 111.05714285714285 L 392.7083333333333 97.38857142857142 L 453.12499999999994 103.36857142857144 L 513.5416666666666 134.12285714285713 L 573.9583333333334 179.4 L 634.375 222.9685714285714 L 694.7916666666666 247.74285714285713" stroke="#90ed7d" stroke-width="2" zIndex="1" stroke-linejoin="round" stroke-linecap="round"></path><path fill="none" d="M 20.208333333333332 263.9742857142857 L 30.208333333333332 263.9742857142857 L 90.625 251.16 L 151.04166666666666 226.3857142857143 L 211.45833333333334 184.5257142857143 L 271.875 140.95714285714286 L 332.29166666666663 111.05714285714285 L 392.7083333333333 97.38857142857142 L 453.12499999999994 103.36857142857144 L 513.5416666666666 134.12285714285713 L 573.9583333333334 179.4 L 634.375 222.9685714285714 L 694.7916666666666 247.74285714285713 L 704.7916666666666 247.74285714285713" stroke-linejoin="round" visibility="visible" stroke="rgba(192,192,192,0.0001)" stroke-width="22" zIndex="2" class=" highcharts-tracker" style=""></path></g><g class="highcharts-markers highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="none" style=""><path fill="#90ed7d" d="M 690.7916666666666 243.74285714285713 L 698.7916666666666 243.74285714285713 698.7916666666666 251.74285714285713 690.7916666666666 251.74285714285713 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 630 218.9685714285714 L 638 218.9685714285714 638 226.9685714285714 630 226.9685714285714 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 569 175.4 L 577 175.4 577 183.4 569 183.4 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 509 130.12285714285713 L 517 130.12285714285713 517 138.12285714285713 509 138.12285714285713 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 449 99.36857142857144 L 457 99.36857142857144 457 107.36857142857144 449 107.36857142857144 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 388.7083333333333 93.38857142857142 L 396.7083333333333 93.38857142857142 396.7083333333333 101.38857142857142 388.7083333333333 101.38857142857142 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 328.29166666666663 107.05714285714285 L 336.29166666666663 107.05714285714285 336.29166666666663 115.05714285714285 328.29166666666663 115.05714285714285 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 267 136.95714285714286 L 275 136.95714285714286 275 144.95714285714286 267 144.95714285714286 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 207 180.5257142857143 L 215 180.5257142857143 215 188.5257142857143 207 188.5257142857143 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 147.04166666666666 222.3857142857143 L 155.04166666666666 222.3857142857143 155.04166666666666 230.3857142857143 147.04166666666666 230.3857142857143 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 86 247.16 L 94 247.16 94 255.16 86 255.16 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#90ed7d" d="M 26 259.9742857142857 L 34 259.9742857142857 34 267.9742857142857 26 267.9742857142857 Z" stroke="#FFFFFF" stroke-width="0.00001"></path></g><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="url(http://www.highcharts.com/demo/line-basic#highcharts-1)"><path fill="none" d="M 30.208333333333332 222.9685714285714 L 90.625 220.40571428571428 L 151.04166666666666 207.5914285714286 L 211.45833333333334 183.67142857142858 L 271.875 154.6257142857143 L 332.29166666666663 126.43428571428572 L 392.7083333333333 111.05714285714285 L 453.12499999999994 114.47428571428571 L 513.5416666666666 134.97714285714287 L 573.9583333333334 168.2942857142857 L 634.375 199.90285714285716 L 694.7916666666666 215.28" stroke="#f7a35c" stroke-width="2" zIndex="1" stroke-linejoin="round" stroke-linecap="round"></path><path fill="none" d="M 20.208333333333332 222.9685714285714 L 30.208333333333332 222.9685714285714 L 90.625 220.40571428571428 L 151.04166666666666 207.5914285714286 L 211.45833333333334 183.67142857142858 L 271.875 154.6257142857143 L 332.29166666666663 126.43428571428572 L 392.7083333333333 111.05714285714285 L 453.12499999999994 114.47428571428571 L 513.5416666666666 134.97714285714287 L 573.9583333333334 168.2942857142857 L 634.375 199.90285714285716 L 694.7916666666666 215.28 L 704.7916666666666 215.28" stroke-linejoin="round" visibility="visible" stroke="rgba(192,192,192,0.0001)" stroke-width="22" zIndex="2" class=" highcharts-tracker" style=""></path></g><g class="highcharts-markers highcharts-tracker" visibility="visible" zIndex="0.1" transform="translate(65,63) scale(1 1)" clip-path="none" style=""><path fill="#f7a35c" d="M 694 211.28 L 698 219.28 690 219.28 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 634 195.90285714285716 L 638 203.90285714285716 630 203.90285714285716 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 573 164.2942857142857 L 577 172.2942857142857 569 172.2942857142857 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 513 130.97714285714287 L 517 138.97714285714287 509 138.97714285714287 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 453 110.47428571428571 L 457 118.47428571428571 449 118.47428571428571 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 392 107.05714285714285 L 396 115.05714285714285 388 115.05714285714285 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 332.29166666666663 122.43428571428572 L 336.29166666666663 130.43428571428572 328.29166666666663 130.43428571428572 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 271.875 150.6257142857143 L 275.875 158.6257142857143 267.875 158.6257142857143 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 211 179.67142857142858 L 215 187.67142857142858 207 187.67142857142858 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 151 203.5914285714286 L 155 211.5914285714286 147 211.5914285714286 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 90.625 216.40571428571428 L 94.625 224.40571428571428 86.625 224.40571428571428 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><path fill="#f7a35c" d="M 30.208333333333332 218.9685714285714 L 34.20833333333333 226.9685714285714 26.208333333333332 226.9685714285714 Z" stroke="#FFFFFF" stroke-width="0.00001"></path></g></g><text x="436" text-anchor="middle" class="highcharts-title" zIndex="4" style="color:#333333;font-size:18px;fill:#333333;width:848px;" y="25"><tspan>Monthly Average Temperature</tspan></text><text x="436" text-anchor="middle" class="highcharts-subtitle" zIndex="4" style="color:#555555;fill:#555555;width:848px;" y="47"><tspan>Source: WorldClimate.com</tspan></text><g class="highcharts-legend" zIndex="7" transform="translate(810,164)"><g zIndex="1"><g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,3)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#7cb5ec"></path><path fill="#7cb5ec" d="M 8 7 C 13.328 7 13.328 15 8 15 C 2.6719999999999997 15 2.6719999999999997 7 8 7 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2">Tokyo</text></g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,19)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#434348"></path><path fill="#434348" d="M 8 7 L 12 11 8 15 4 11 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2"><tspan>New York</tspan></text></g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,35)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#90ed7d"></path><path fill="#90ed7d" d="M 4 7 L 12 7 12 15 4 15 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2">Berlin</text></g><g class="highcharts-legend-item" zIndex="1" transform="translate(8,51)"><path fill="none" d="M 0 11 L 16 11" stroke-width="2" stroke="#f7a35c"></path><path fill="#f7a35c" d="M 8 7 L 12 15 4 15 Z" stroke="#FFFFFF" stroke-width="0.00001"></path><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start" zIndex="2">London</text></g></g></g></g><g class="highcharts-axis-labels highcharts-xaxis-labels" zIndex="7"><text x="95.20833333333333" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Jan</text><text x="155.62499999999997" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Feb</text><text x="216.04166666666666" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Mar</text><text x="276.4583333333333" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Apr</text><text x="336.875" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">May</text><text x="397.29166666666663" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Jun</text><text x="457.7083333333333" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Jul</text><text x="518.1249999999999" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Aug</text><text x="578.5416666666666" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Sep</text><text x="638.9583333333333" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Oct</text><text x="699.375" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Nov</text><text x="759.7916666666666" text-anchor="middle" style="width:40px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="382" opacity="1">Dec</text></g><g class="highcharts-axis-labels highcharts-yaxis-labels" zIndex="7"><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="366.5" opacity="1">-5</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="323.7857142857143" opacity="1">0</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="281.07142857142856" opacity="1">5</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="238.3571428571429" opacity="1">10</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="195.64285714285714" opacity="1">15</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="152.92857142857144" opacity="1">20</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="110.21428571428572" opacity="1">25</text><text x="50" text-anchor="end" style="width:281px;color:#606060;cursor:default;font-size:11px;fill:#606060;" y="67.5" opacity="1">30</text></g><g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap;" transform="translate(38,224)" opacity="0" visibility="hidden"><path fill="none" d="M 3.5 0.5 L 113.5 0.5 C 116.5 0.5 116.5 0.5 116.5 3.5 L 116.5 43.5 C 116.5 46.5 116.5 46.5 113.5 46.5 L 64.17567738783168 46.5 58.17567738783168 52.5 52.17567738783168 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke-width="5" isShadow="true" stroke="black" stroke-opacity="0.049999999999999996" transform="translate(1, 1)" width="116" height="46"></path><path fill="none" d="M 3.5 0.5 L 113.5 0.5 C 116.5 0.5 116.5 0.5 116.5 3.5 L 116.5 43.5 C 116.5 46.5 116.5 46.5 113.5 46.5 L 64.17567738783168 46.5 58.17567738783168 52.5 52.17567738783168 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke-width="3" isShadow="true" stroke="black" stroke-opacity="0.09999999999999999" transform="translate(1, 1)" width="116" height="46"></path><path fill="none" d="M 3.5 0.5 L 113.5 0.5 C 116.5 0.5 116.5 0.5 116.5 3.5 L 116.5 43.5 C 116.5 46.5 116.5 46.5 113.5 46.5 L 64.17567738783168 46.5 58.17567738783168 52.5 52.17567738783168 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke-width="1" isShadow="true" stroke="black" stroke-opacity="0.15" transform="translate(1, 1)" width="116" height="46"></path><path fill="rgba(249, 249, 249, .85)" d="M 3.5 0.5 L 113.5 0.5 C 116.5 0.5 116.5 0.5 116.5 3.5 L 116.5 43.5 C 116.5 46.5 116.5 46.5 113.5 46.5 L 64.17567738783168 46.5 58.17567738783168 52.5 52.17567738783168 46.5 3.5 46.5 C 0.5 46.5 0.5 46.5 0.5 43.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke-width="1" stroke="#f7a35c"></path><text x="8" zIndex="1" style="font-size:12px;color:#333333;fill:#333333;" y="21"><tspan style="font-size: 10px">Jan</tspan><tspan style="fill:#f7a35c" x="8" dy="16">●</tspan><tspan dx="0"> London: </tspan><tspan style="font-weight:bold" dx="0">3.9°C</tspan></text></g><text x="902" text-anchor="end" zIndex="8" style="cursor:pointer;color:#909090;font-size:9px;fill:#909090;" y="395">Highcharts.com</text></svg></div></div>
			</div>		
			<!-- fine esempio grafico -->
			
		</div>
		
<!-- SCHERMATA DI MISURE/KIT2 -->
		<div class = "contenuto sidr-id-kit_2">			
			<h1 class="title">Schermata di Misure KIT2</h1>
		</div>
		
<!-- SCHERMATA DI ALLARMI -->
		<div class = "contenuto allarmi">			
			<h1 class="title">Schermata di Allarmi</h1>
		</div>
		
<!-- SCHERMATA DI ALLARMI/KIT1 -->
<!-- ANCHE QUESTE ANDREBBERO FATTE IN JS DINAMICAMENTE?! -->
		<div class = "contenuto sidr-id-allarmikit_1">			
			<h1 class="title">Schermata di Allarmi KIT1</h2>
			<label for="dataIniziale">Data iniziale</label>
			<input type="date" value="" id="dataInizialeAllarmi"/><br>
			<label for="dataFinale">Data finale</label>
			<input type="date" value="" id="dataFinaleAllarmi"/><br><br>
			<img src="img/light-green.png" class="img_light_allarmi"/><br>
			<input type="button" value="Global"/>
			<input type="button" value="Inverter"/>
			<input type="button" value="DC1"/>
			<input type="button" value="DC2"/>
		</div>
		
<!-- SCHERMATA DI ALLARMI/KIT2 -->
<!-- ANCHE QUESTE ANDREBBERO FATTE IN JS DINAMICAMENTE?! -->
		<div class = "contenuto sidr-id-allarmikit_2">
		</div>	
		
<!-- SCHERMATA DI IMPIANTI -->
		<div class = "contenuto impianti">			
			<h1 class="title">Schermata di Impianti</h1>
				<p id="messaggioImpianti"></p>
<!-- 			<p id="messaggioImpianti"></p>Non ci sono impianti registrati.<br><div class="esternalLink">Clicca qui</div> per registrare nuovi impianti.</p> -->
		</div>
		
	
<!-- SCHERMATA DI IMPIANTI/KIT1 -->
<!-- ANCHE QUESTE ANDREBBERO FATTE IN JS DINAMICAMENTE?! -->
		<div class = "contenuto sidr-id-impiantikit_1">
			<h1 class="title">Impianto Aurora (kit1)</h1>	
		</div>	
		
<!-- SCRIPT -->
		<!-- Script per il menu sidr -->
		<script src="js/jquery.sidr.min.js"></script>
		
		<!-- Script per avviare l'app by Cordova-->
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>
